<template>
  <div class="component-syntax">
    <img :src="syntaxUrl" />
    <h3>扩展类型</h3>
    <table class="d-table d-table-striped d-table-bordered d-table-hover">
      <thead>
        <tr>
          <th>名称</th>
          <th>生成规则</th>
          <th>属性值</th>
          <th>实例</th>
          <th>说明</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>比例分配</td>
          <td>1</td>
          <td>值1-比例数1,值2-比例数2,值3-比例数3</td>
          <td>0-1,1-8,2-1</td>
          <td>值占比例数总和所占比例随机取出</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
/* 语法说明 */
export default {
  data () {
    return {
      syntaxUrl: require('../../../assets/images/syntax-mock.png')
    }
  }
}
</script>

<style>
.component-syntax{
  text-align: center;
  padding-bottom: 40px;
}
</style>
